React์ ์คํ์ `_tracingMarker`๋ฅผ ํ์ํ์ฌ ์์ธํ ์ฑ๋ฅ ๋ฐ์ดํฐ ์์ง ๋ฐ ์ง๊ณ๋ฅผ ํตํด ์ ์ธ๊ณ ๊ฐ๋ฐ์์๊ฒ ์คํ ๊ฐ๋ฅํ ์ธ์ฌ์ดํธ๋ฅผ ์ ๊ณตํฉ๋๋ค.
์ฑ๋ฅ ์ธ์ฌ์ดํธ ์ ๊ธ ํด์ : React์ ์คํ์ `_tracingMarker` ๋ฐ์ดํฐ ์์ง ๋ฐ ์ง๊ณ
๋์์์ด ์งํํ๋ ์น ๊ฐ๋ฐ ํ๊ฒฝ์์ ์ฑ๋ฅ์ ๋จ์ํ ๊ธฐ๋ฅ์ด ์๋๋ผ ์ค์ํ ์ฐจ๋ณํ ์์์
๋๋ค. React๋ก ๊ตฌ์ถ๋ ์ ํ๋ฆฌ์ผ์ด์
์ ๊ฒฝ์ฐ, ์ฑ๋ฅ์ ์ดํดํ๊ณ ์ต์ ํํ๋ ๊ฒ์ ์ํํ๊ณ ๋งค๋ ฅ์ ์ธ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ๋ ๋ฐ ๊ฐ์ฅ ์ค์ํฉ๋๋ค. React๋ ์ค๋ซ๋์ ์ฑ๋ฅ ๋ถ์์ ์ํ ๊ฐ๋ฐ์ ๋๊ตฌ๋ฅผ ์ ๊ณตํด ์์ง๋ง, ์ต๊ทผ์ ์คํ์ ์ธ ๋ฐ์ ์ ํจ์ฌ ๋ ๊น์ ํต์ฐฐ๋ ฅ์ ์ ๊ณตํ ๊ฒ์ ์ฝ์ํฉ๋๋ค. ์ด ๊ฒ์๋ฌผ์์๋ React ๋ด์์ _tracingMarker ๋ฐ์ดํฐ ์์ง ๋ฐ ์ฑ๋ฅ ๋ฐ์ดํฐ ์ง๊ณ๋ผ๋ ํฅ๋ฏธ๋กญ์ง๋ง ์คํ์ ์ธ ์์ญ์ ํ๊ตฌํ๋ฉฐ, ๊ทธ ์ ์ฌ๋ ฅ๊ณผ ์ ์ฉ์ ๋ํ ๊ธ๋ก๋ฒ ๊ด์ ์ ์ ๊ณตํฉ๋๋ค.
๊ธ๋ก๋ฒํ๋ ๋์งํธ ์ธ๊ณ์์์ ์ฑ๋ฅ์ ์ค์์ฑ
์ ์ธ๊ณ ์ฌ์ฉ์๋ฅผ ๋์์ผ๋ก ํ๋ ๊ฐ๋ฐ์์๊ฒ ์ ํ๋ฆฌ์ผ์ด์
์ฑ๋ฅ์ ์ค์์ฑ์ ์๋ฌด๋ฆฌ ๊ฐ์กฐํด๋ ์ง๋์น์ง ์์ต๋๋ค. ๋ค์ํ ์ธํฐ๋ท ์๋, ๊ธฐ๊ธฐ ์ฑ๋ฅ, ๋คํธ์ํฌ ์กฐ๊ฑด์ ๊ฐ์ง ์ฌ๋ฌ ๋๋ฅ์ ์ฌ์ฉ์๋ค์ ์ ํ๋ฆฌ์ผ์ด์
์ด ๋น ๋ฅด๊ฒ ๋ก๋๋๊ณ ์ฆ๊ฐ์ ์ผ๋ก ๋ฐ์ํ๊ธฐ๋ฅผ ๊ธฐ๋ํฉ๋๋ค. ๋๋ฆฐ ์ ํ๋ฆฌ์ผ์ด์
์ ์ฌ์ฉ์ ๋ถ๋ง, ๋์ ์ดํ๋ฅ , ๊ทธ๋ฆฌ๊ณ ๊ถ๊ทน์ ์ผ๋ก๋ ๋น์ฆ๋์ค ๊ธฐํ ์์ค๋ก ์ด์ด์ง ์ ์์ต๋๋ค. ๋ฐ๋ผ์ ๊ฐ๋ ฅํ ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง ๋ฐ ์ต์ ํ ์ ๋ต์ด ํ์์ ์
๋๋ค. ์ฌ์ฉ์ ์ธํฐํ์ด์ค ๊ตฌ์ถ์ ์ํ ๊ฐ์ฅ ์ธ๊ธฐ ์๋ JavaScript ๋ผ์ด๋ธ๋ฌ๋ฆฌ ์ค ํ๋์ธ React๋ ๊ฐ๋ฐ์๊ฐ ์ฑ๋ฅ์ด ๋ฐ์ด๋ ์ ํ๋ฆฌ์ผ์ด์
์ ๋ง๋ค ์ ์๋๋ก ํ๋ ๋ฐ ์ค์ํ ์ญํ ์ ํฉ๋๋ค. _tracingMarker์ ๊ฐ์ ์คํ์ ๊ธฐ๋ฅ์ ๋์
์ ์ด๋ฌํ ๋ฅ๋ ฅ์ ๋์ฑ ํฅ์์ํค๋ ค๋ ์์ง๋ฅผ ๋ณด์ฌ์ค๋๋ค.
React์ ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง ๋๊ตฌ ์ดํดํ๊ธฐ: ๊ฐ๋ตํ ๊ฐ์
_tracingMarker์ ์ธ๋ถ ์ฌํญ์ ์ดํด๋ณด๊ธฐ ์ ์, React์ ๊ธฐ์กด ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง ๊ธฐ๋ฅ์ ๋ํด ๊ฐ๋ตํ๊ฒ ์ง๊ณ ๋์ด๊ฐ๋ ๊ฒ์ด ์ข์ต๋๋ค. Chrome ๋ฐ Firefox์ฉ ๋ธ๋ผ์ฐ์ ํ์ฅ ํ๋ก๊ทธ๋จ์ธ React ๊ฐ๋ฐ์ ๋๊ตฌ๋ ๊ฐ๋ฐ์๊ฐ ์ปดํฌ๋ํธ ๋ ๋๋ง์ ํ๋กํ์ผ๋งํ๊ณ , ๋ณ๋ชฉ ํ์์ ์๋ณํ๋ฉฐ, ์ปดํฌ๋ํธ ์๋ช
์ฃผ๊ธฐ๋ฅผ ์ดํดํ๋ ๋ฐ ์ค์ํ ์ญํ ์ ํด์์ต๋๋ค. ํ๋กํ์ผ๋ฌ ํญ๊ณผ ๊ฐ์ ๊ธฐ๋ฅ์ ํตํด ๊ฐ๋ฐ์๋ ์ํธ ์์ฉ์ ๊ธฐ๋กํ๊ณ , ๋ ๋๋ง ์๊ฐ์ ๋ถ์ํ๋ฉฐ, ์ปค๋ฐ ์ง์ ์๊ฐ์ ์๊ฐํํ ์ ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ด๋ฌํ ๋๊ตฌ๋ ์ข
์ข
์ค๋
์ท์ ์ ๊ณตํ๋ฉฐ ํน์ ์๋๋ฆฌ์ค์ ๋ํ ๋ฐ์ดํฐ๋ฅผ ์์งํ๊ธฐ ์ํด ์๋ ์ํธ ์์ฉ์ด ํ์ํฉ๋๋ค. ๋ ์๋ํ๋๊ณ , ์ธ๋ถํ๋๋ฉฐ, ์ง๊ณ ๊ฐ๋ฅํ ์ฑ๋ฅ ๋ฐ์ดํฐ์ ๋ํ ํ์์ฑ์ด ๋ช
ํํด์ก์ต๋๋ค.
์คํ์ `_tracingMarker` ์๊ฐ
_tracingMarker๋ React ๋ด์ ์คํ์ ๊ธฐ๋ฅ์ผ๋ก, ์ฑ๋ฅ ๋ฐ์ดํฐ๋ฅผ ๊ณ์ธกํ๊ณ ์์งํ๋ ๋ณด๋ค ํ์คํ๋๊ณ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ ๋ฐฉ๋ฒ์ ์ ๊ณตํ๋ ๊ฒ์ ๋ชฉํ๋ก ํฉ๋๋ค. ํต์ฌ ๊ฐ๋
์ React ์ ํ๋ฆฌ์ผ์ด์
์ ์คํ ํ๋ฆ์์ ํน์ ์ง์ ์ ํ์ํ๋ ๊ฒ์ ์ค์ฌ์ผ๋ก ํฉ๋๋ค. ์ด๋ฌํ ๋ง์ปค๋ ๋ค์ํ ์์
์ ์ง์ ์๊ฐ์ ์ธก์ ํ๊ณ , ์ด๋ฒคํธ์ ํ์ด๋ฐ์ ์ถ์ ํ๋ฉฐ, ๊ถ๊ทน์ ์ผ๋ก ์ด ๋ฐ์ดํฐ๋ฅผ ์ง๊ณํ์ฌ ํฌ๊ด์ ์ธ ์ฑ๋ฅ ๋ถ์์ ์ํํ๋ ๋ฐ ์ฌ์ฉ๋ ์ ์์ต๋๋ค.
`_tracingMarker`๋ ๋ฌด์์ ๊ฐ๋ฅํ๊ฒ ํ๋์?
- ์ธ๋ถํ๋ ๊ณ์ธก: ๊ฐ๋ฐ์๋ ํน์ ์ฝ๋ ์ธ๊ทธ๋จผํธ, ์ปดํฌ๋ํธ ์๋ช ์ฃผ๊ธฐ ๋ฉ์๋ ๋๋ ์ฌ์ฉ์ ์ ์ ๋ก์ง ์ฃผ์์ ๋ง์ปค๋ฅผ ๋ฐฐ์นํ์ฌ ์คํ ์๊ฐ์ ์ ๋ฐํ๊ฒ ์ธก์ ํ ์ ์์ต๋๋ค.
- ์ด๋ฒคํธ ํ์ด๋ฐ: ์ํ ์ ๋ฐ์ดํธ, ์ปดํฌ๋ํธ์ ์ํด ํธ๋ฆฌ๊ฑฐ๋ ๋คํธ์ํฌ ์์ฒญ ๋๋ ๋ณต์กํ ๊ณ์ฐ ์๋ฃ์ ๊ฐ์ React ์ํ๊ณ ๋ด์ ๊ฐ๋ณ ์ด๋ฒคํธ ํ์ด๋ฐ์ ์ธก์ ํ ์ ์์ต๋๋ค.
- ์๋ํ๋ ๋ฐ์ดํฐ ์์ง: ์๋ ํ๋กํ์ผ๋ง ์ธ์
๊ณผ ๋ฌ๋ฆฌ
_tracingMarker๋ ์ ํ๋ฆฌ์ผ์ด์ ์ด ์คํ๋๋ ๋์ ์ฑ๋ฅ ๋ฐ์ดํฐ ์์ง์ ์ฉ์ดํ๊ฒ ํ๋ฉฐ, ์ ์ฌ์ ์ผ๋ก ํ๋ก๋์ ํ๊ฒฝ์์๋ (์ ์คํ ๊ณ ๋ ค ํ์) ๊ฐ๋ฅํฉ๋๋ค. - ๋ฐ์ดํฐ ์ง๊ณ ์ ์ฌ๋ ฅ: ์ด๋ฌํ ๋ง์ปค์ ์ํด ์์ง๋ ๊ตฌ์กฐํ๋ ๋ฐ์ดํฐ๋ ์ง๊ณ์ ์ด์์ ์ผ๋ก ์ ํฉํ์ฌ, ์ถ์ธ ๋ถ์, ๊ณตํต์ ์ธ ์ฑ๋ฅ ๋ฌธ์ ์๋ณ, ๋ค๋ฅธ ์ฌ์ฉ์ ์ธ์ ์ด๋ ํ๊ฒฝ ๊ฐ์ ๋น๊ต๋ฅผ ๊ฐ๋ฅํ๊ฒ ํฉ๋๋ค.
`_tracingMarker`๋ ๊ฐ๋ ์ ์ผ๋ก ์ด๋ป๊ฒ ์๋ํ๋์?
๊ธฐ๋ณธ์ ์ผ๋ก _tracingMarker๋ ๊ณ ํด์๋ ์๊ฐ API(High Resolution Time API) ๋๋ ์ฑ๋ฅ ํ์๋ผ์ธ API(Performance Timeline API)์ ๊ฐ์ ๋ธ๋ผ์ฐ์ ์ฑ๋ฅ API๋ฅผ ํ์ฉํ๊ฑฐ๋ ์์ฒด ํ์ด๋ฐ ๋ฉ์ปค๋์ฆ์ ๊ตฌํํ์ฌ ์๋ํฉ๋๋ค. _tracingMarker๋ฅผ ๋ง๋๋ฉด ์์ ์๊ฐ์ ๊ธฐ๋กํ ์ ์์ต๋๋ค. ํด๋น ์ข
๋ฃ ๋ง์ปค์ ๋๋ฌํ๊ฑฐ๋ ํน์ ์์
์ด ์๋ฃ๋๋ฉด ์ง์ ์๊ฐ์ด ๊ณ์ฐ๋์ด ์ ์ฅ๋ฉ๋๋ค. ์ด ๋ฐ์ดํฐ๋ ์ผ๋ฐ์ ์ผ๋ก ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง ์์คํ
์ ์ํด ์์ง๋ฉ๋๋ค.
_tracingMarker์ ์คํ์ ํน์ฑ์ API ๋ฐ ๊ตฌํ ์ธ๋ถ ์ ๋ณด๊ฐ ๋ณ๊ฒฝ๋ ์ ์์์ ์๋ฏธํฉ๋๋ค. ๊ทธ๋ฌ๋ ์ฑ๋ฅ ์ธก์ ์ ์ํด ์ด๋ฆ์ด ์ง์ ๋ ๋ง์ปค๋ก ์ฝ๋๋ฅผ ๊ณ์ธกํ๋ ๊ธฐ๋ณธ ์์น์ ์ผ๊ด๋๊ฒ ์ ์ง๋ฉ๋๋ค.
`_tracingMarker`๋ฅผ ์ฌ์ฉํ ๋ฐ์ดํฐ ์์ง ์ ๋ต
_tracingMarker์ ํจ๊ณผ๋ ์ฑ๋ฅ ๋ฐ์ดํฐ๊ฐ ์ผ๋ง๋ ํจ๊ณผ์ ์ผ๋ก ์์ง๋๋์ง์ ๋ฌ๋ ค ์์ต๋๋ค. ์ฌ๊ธฐ์๋ ๋ง์ปค์ ์ ๋ต์ ๋ฐฐ์น์ ๊ฐ๋ ฅํ ๋ฐ์ดํฐ ์์ง ๋ฉ์ปค๋์ฆ์ด ํฌํจ๋ฉ๋๋ค.
์ ๋ต์ ๋ง์ปค ๋ฐฐ์น
_tracingMarker์ ์ง์ ํ ํ์ ์ ์คํ ๋ฐฐ์น์์ ๋์ต๋๋ค. ๋ค์ ์์ญ์ ๊ณ ๋ คํ์ญ์์ค:
- ์ปดํฌ๋ํธ ๋ ๋๋ง ์ฃผ๊ธฐ: ์ปดํฌ๋ํธ์ ๋ ๋๋ง ํ๋ก์ธ์ค ์์๊ณผ ๋์ ํ์ํ๋ฉด ์ด๋ค ์ปดํฌ๋ํธ๊ฐ ๋ ๋๋ง์ ๊ฐ์ฅ ์ค๋ ๊ฑธ๋ฆฌ๋์ง, ํนํ ์ ๋ฐ์ดํธ ์ค์ ๋๋ฌ๋ผ ์ ์์ต๋๋ค. ์ด๋ ๋ถํ์ํ๊ฒ ๋ค์ ๋ ๋๋ง๋๋ ์ปดํฌ๋ํธ๋ฅผ ์๋ณํ๋ ๋ฐ ์ค์ํฉ๋๋ค. ์๋ฅผ ๋ค์ด, ๋์ ์ ํ ๋ชฉ๋ก์ด ์๋ ๋ณต์กํ ์ ์์๊ฑฐ๋ ํ๋ซํผ์์ ๊ฐ๋ณ ์ ํ ์นด๋์ ๋ ๋๋ง์ ํ์ํ๋ฉด ๊ฒ์ ๋๋ ํํฐ ์ ์ฉ ์ค ์ฑ๋ฅ ๋ฌธ์ ๋ฅผ ์ ํํ ์ฐพ์๋ผ ์ ์์ต๋๋ค.
- ๋ฐ์ดํฐ ๊ฐ์ ธ์ค๊ธฐ ๋ฐ ์ฒ๋ฆฌ: API ํธ์ถ, ๋ฐ์ดํฐ ๋ณํ ๋ฐ ๋ฐ์ดํฐ ๊ฐ์ ธ์ค๊ธฐ์ ๊ด๋ จ๋ ์ํ ์ ๋ฐ์ดํธ์ ์๋ช ์ฃผ๊ธฐ๋ฅผ ๊ณ์ธกํ๋ฉด ๋คํธ์ํฌ ์ง์ฐ ์๊ฐ์ด๋ ๋นํจ์จ์ ์ธ ๋ฐ์ดํฐ ์ฒ๋ฆฌ๋ฅผ ๊ฐ์กฐํ ์ ์์ต๋๋ค. ์ฌ๋ฌ API์์ ํญ๊ณตํธ ๋ฐ์ดํฐ๋ฅผ ๊ฐ์ ธ์ค๋ ์ฌํ ์์ฝ ์ ํ๋ฆฌ์ผ์ด์ ์ ์์ํด ๋ณด์ญ์์ค. ๊ฐ ๊ฐ์ ธ์ค๊ธฐ ๋ฐ ํ์ ๋ฐ์ดํฐ ์ฒ๋ฆฌ ๋จ๊ณ๋ฅผ ํ์ํ๋ฉด ์ด๋ค API๊ฐ ๋๋ฆฐ์ง ๋๋ ํด๋ผ์ด์ธํธ ์ธก ์ฒ๋ฆฌ๊ฐ ๋ณ๋ชฉ ํ์์ธ์ง ์ ์ ์์ต๋๋ค.
- ์ฌ์ฉ์ ์ํธ ์์ฉ: ๋ฒํผ ํด๋ฆญ, ์์ ์ ์ถ ๋๋ ๊ฒ์ ์ฟผ๋ฆฌ์ ๊ฐ์ ์ค์ํ ์ฌ์ฉ์ ์ํธ ์์ฉ์ ์์๋๋ ์๊ฐ์ ์ธก์ ํ๋ฉด ์ฌ์ฉ์๊ฐ ์ธ์งํ๋ ์ฑ๋ฅ์ ๋ํ ์ง์ ์ ์ธ ํต์ฐฐ๋ ฅ์ ์ป์ ์ ์์ต๋๋ค. ์์ ๋ฏธ๋์ด ์ ํ๋ฆฌ์ผ์ด์ ์์ ์ฌ์ฉ์๊ฐ ๋๊ธ์ ๊ฒ์ํ ํ ํ๋ฉด์ ํ์๋ ๋๊น์ง์ ์๊ฐ์ ํ์ํ๋ ๊ฒ์ ์ค์ํ ์ฑ๋ฅ ์งํ์ ๋๋ค.
- ํ์ฌ ํตํฉ: ์ ํ๋ฆฌ์ผ์ด์ ์ด ํ์ฌ ์คํฌ๋ฆฝํธ๋ SDK(์: ๋ถ์, ๊ด๊ณ ๋๋ ์ฑํ ์ฉ)์ ์์กดํ๋ ๊ฒฝ์ฐ, ์ด๋ฌํ ํตํฉ์ ์คํ ์๊ฐ์ ํ์ํ๋ฉด ์ธ๋ถ ์์ธ์ผ๋ก ์ธํ ์ฑ๋ฅ ์ ํ๋ฅผ ๊ฒฉ๋ฆฌํ๋ ๋ฐ ๋์์ด ๋ ์ ์์ต๋๋ค. ์ด๋ ํ์ฌ ๋ฆฌ์์ค์ ๋ํ ๋ค์ํ ๋คํธ์ํฌ ์กฐ๊ฑด์ ๊ฒฝํํ ์ ์๋ ๊ธ๋ก๋ฒ ์ ํ๋ฆฌ์ผ์ด์ ์ ํนํ ์ค์ํฉ๋๋ค.
- ๋ณต์กํ ๋น์ฆ๋์ค ๋ก์ง: ๊ธ์ต ๋ชจ๋ธ๋ง ๋๊ตฌ๋ ๋ฐ์ดํฐ ์๊ฐํ ํ๋ซํผ๊ณผ ๊ฐ์ด ๊ณ์ฐ ๋ก์ง์ด ๋ง์ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ฒฝ์ฐ, ์ด๋ฌํ ํต์ฌ ๋ก์ง ๋ธ๋ก์ ์คํ์ ํ์ํ๋ ๊ฒ์ ๊ณ์ฐ ์ฑ๋ฅ์ ์ดํดํ๊ณ ์ต์ ํํ๋ ๋ฐ ํ์์ ์ ๋๋ค.
๋ฐ์ดํฐ ์์ง
๋ง์ปค๊ฐ ๋ฐฐ์น๋๋ฉด ์์ง๋ ๋ฐ์ดํฐ๋ฅผ ๋ชจ์์ผ ํฉ๋๋ค. ์ฌ๋ฌ ๊ฐ์ง ์ ๊ทผ ๋ฐฉ์์ ์ฌ์ฉํ ์ ์์ต๋๋ค:
- ๋ธ๋ผ์ฐ์ ๊ฐ๋ฐ์ ๋๊ตฌ: ๋ก์ปฌ ๊ฐ๋ฐ ๋ฐ ๋๋ฒ๊น ์ ์ํด, ๋ธ๋ผ์ฐ์ ๊ฐ๋ฐ์ ๋๊ตฌ(์: Chrome DevTools ์ฑ๋ฅ ํญ)๋ ์ข ์ข React์ ์คํ์ ํธ๋ ์ด์ฑ ๋ฉ์ปค๋์ฆ์์ ๋ฐ์ดํฐ๋ฅผ ํด์ํ๊ณ ํ์ํ์ฌ ์ฆ๊ฐ์ ์ธ ์๊ฐ์ ํผ๋๋ฐฑ์ ์ ๊ณตํ ์ ์์ต๋๋ค.
- ์ฌ์ฉ์ ์ ์ ๋ก๊น : ๊ฐ๋ฐ์๋ ๋ง์ปค ๋ฐ์ดํฐ๋ฅผ ์บก์ฒํ์ฌ ์ฝ์์ด๋ ๋ก์ปฌ ํ์ผ๋ก ๋ณด๋ด ๊ฐ๋ฐ ์ค ๋ถ์์ ์ํ ์ฌ์ฉ์ ์ ์ ๋ก๊น ์๋ฃจ์ ์ ๊ตฌํํ ์ ์์ต๋๋ค.
- ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง ์๋น์ค(PMS): ํ๋ก๋์ ํ๊ฒฝ์ ๊ฒฝ์ฐ, ์ ์ฉ ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง ์๋น์ค์ ํตํฉํ๋ ๊ฒ์ด ๊ฐ์ฅ ํ์ฅ ๊ฐ๋ฅํ๊ณ ํจ๊ณผ์ ์ธ ์ ๊ทผ ๋ฐฉ์์ ๋๋ค. ์ด๋ฌํ ์๋น์ค๋ ์ ์ธ๊ณ์ ์๋ง์ ์ฌ์ฉ์๋ก๋ถํฐ ์ฑ๋ฅ ๋ฐ์ดํฐ๋ฅผ ์์ง, ์ง๊ณ ๋ฐ ์๊ฐํํ๋๋ก ์ค๊ณ๋์์ต๋๋ค. ์๋ก๋ Sentry, Datadog, New Relic ๋๋ OpenTelemetry์ ๊ฐ์ ๋๊ตฌ๋ก ๊ตฌ์ถ๋ ์ฌ์ฉ์ ์ ์ ์๋ฃจ์ ์ด ์์ต๋๋ค.
PMS์ ํตํฉํ ๋ _tracingMarker์ ์ํด ์์ง๋ ๋ฐ์ดํฐ๋ ์ผ๋ฐ์ ์ผ๋ก ์ฌ์ฉ์ ID, ๊ธฐ๊ธฐ ์ ํ, ๋ธ๋ผ์ฐ์ ๋ฐ ์ง๋ฆฌ์ ์์น์ ๊ฐ์ ์ปจํ
์คํธ๋ก ๋ณด๊ฐ๋ ์ฌ์ฉ์ ์ ์ ์ด๋ฒคํธ ๋๋ ์คํฌ์ผ๋ก ์ ์ก๋ฉ๋๋ค. ์ด ์ปจํ
์คํธ๋ ๊ธ๋ก๋ฒ ์ฑ๋ฅ ๋ถ์์ ๋งค์ฐ ์ค์ํฉ๋๋ค.
์ฑ๋ฅ ๋ฐ์ดํฐ ์ง๊ณ: ์์ ๋ฐ์ดํฐ๋ฅผ ์คํ ๊ฐ๋ฅํ ์ธ์ฌ์ดํธ๋ก ์ ํ
์์ ์ฑ๋ฅ ๋ฐ์ดํฐ๋ ์ ์ตํ์ง๋ง ์ข
์ข
์๋์ ์
๋๋ค. ์ง์ ํ ๊ฐ์น๋ ์ด ๋ฐ์ดํฐ๊ฐ ์ง๊ณ๋๊ณ ๋ถ์๋์ด ์ถ์ธ์ ํจํด์ ๋๋ฌ๋ผ ๋ ๋ํ๋ฉ๋๋ค. _tracingMarker๋ฅผ ์ฌ์ฉํ ์ฑ๋ฅ ๋ฐ์ดํฐ ์ง๊ณ๋ ๋ค์ํ ์ฌ์ฉ์ ์ธ๊ทธ๋จผํธ ๋ฐ ํ๊ฒฝ ์ ๋ฐ์ ๊ฑธ์น ์ ํ๋ฆฌ์ผ์ด์
๋์์ ๋ํ ๋ ๊น์ ์ดํด๋ฅผ ๊ฐ๋ฅํ๊ฒ ํฉ๋๋ค.
ํต์ฌ ์ง๊ณ ์งํ
_tracingMarker๋ฅผ ํตํด ์์ง๋ ๋ฐ์ดํฐ๋ฅผ ์ง๊ณํ ๋ ๋ค์ ํต์ฌ ์งํ์ ์ง์คํ์ญ์์ค:
- ํ๊ท ๋ฐ ์ค์๊ฐ ์ง์ ์๊ฐ: ์์ ์ ์์๋๋ ์ผ๋ฐ์ ์ธ ์๊ฐ์ ์ดํดํ๋ฉด ๊ธฐ์ค์ ์ ์ ๊ณตํฉ๋๋ค. ์ค์๊ฐ์ ์ข ์ข ํ๊ท ๋ณด๋ค ์ด์์น์ ๋ ๊ฐํฉ๋๋ค.
- ๋ฐฑ๋ถ์์(์: 95๋ฒ์งธ, 99๋ฒ์งธ): ์ด ์งํ๋ ์ฌ์ฉ์ ๊ธฐ๋ฐ์ ๊ฐ์ฅ ๋๋ฆฐ ์ธ๊ทธ๋จผํธ๊ฐ ๊ฒฝํํ๋ ์ฑ๋ฅ์ ๋ณด์ฌ์ฃผ๋ฉฐ, ์์์ด์ง๋ง ์ค์ํ ์ฌ์ฉ์์๊ฒ ์ํฅ์ ๋ฏธ์น๋ ์ ์ฌ์ ์ธ ์ฌ๊ฐํ ๋ฌธ์ ๋ฅผ ๊ฐ์กฐํฉ๋๋ค.
- ์์ ๊ณผ ๊ด๋ จ๋ ์ค๋ฅ์จ: ์ฑ๋ฅ ๋ง์ปค๋ฅผ ์ค๋ฅ์ ์ฐ๊ด์ํค๋ฉด ๋๋ฆด ๋ฟ๋ง ์๋๋ผ ์คํจํ๊ธฐ ์ฌ์ด ์์ ์ ์ ํํ ์ฐพ์๋ผ ์ ์์ต๋๋ค.
- ์ง์ ์๊ฐ ๋ถํฌ: ํ์ด๋ฐ ๋ถํฌ๋ฅผ ์๊ฐํํ๋ฉด(์: ํ์คํ ๊ทธ๋จ ์ฌ์ฉ) ์ฑ๋ฅ์ด ์ผ๊ด๋๊ฒ ์ข์์ง ๋๋ ํธ์ฐจ๊ฐ ํฐ์ง ์๋ณํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค.
- ์ง๋ฆฌ์ ์ฑ๋ฅ ๋ถ์: ์ ์ธ๊ณ ์ฌ์ฉ์๋ฅผ ๋์์ผ๋ก ํ๋ ๊ฒฝ์ฐ, ์ง์ญ์ด๋ ๊ตญ๊ฐ๋ณ๋ก ์ฑ๋ฅ ๋ฐ์ดํฐ๋ฅผ ์ง๊ณํ๋ ๊ฒ์ด ํ์์ ์ ๋๋ค. ์ด๋ CDN ์ฑ๋ฅ, ์๋ฒ ๊ทผ์ ์ฑ ๋๋ ์ง์ญ ์ธํฐ๋ท ์ธํ๋ผ์ ๊ด๋ จ๋ ๋ฌธ์ ๋ฅผ ๋๋ฌ๋ผ ์ ์์ต๋๋ค. ์๋ฅผ ๋ค์ด, ์ ํ๋ฆฌ์ผ์ด์ ์ด ๋ถ๋ฏธ์์๋ ์๋ฒฝํ๊ฒ ์๋ํ์ง๋ง ๋๋จ์์์์์๋ ๋์ ์ง์ฐ ์๊ฐ์ผ๋ก ์ด๋ ค์์ ๊ฒช์ ์ ์์ผ๋ฉฐ, ์ด๋ ๋ ๋์ ์ฝํ ์ธ ์ ์ก์ด๋ ์ง์ญ ์๋ฒ ๋ฐฐํฌ์ ํ์์ฑ์ ๊ฐ์กฐํฉ๋๋ค.
- ๊ธฐ๊ธฐ ๋ฐ ๋ธ๋ผ์ฐ์ ์ ํ๋ณ ๋ถ์: ๋ค์ํ ๊ธฐ๊ธฐ(๋ฐ์คํฌํฑ, ํ๋ธ๋ฆฟ, ๋ชจ๋ฐ์ผ)์ ๋ธ๋ผ์ฐ์ ๋ ์ฑ๋ฅ ํน์ฑ์ด ๋ค๋ฆ ๋๋ค. ์ด๋ฌํ ์์ธ๋ณ๋ก ๋ฐ์ดํฐ๋ฅผ ์ง๊ณํ๋ฉด ์ต์ ํ๋ฅผ ๋ง์ถคํํ๋ ๋ฐ ๋์์ด ๋ฉ๋๋ค. ๋ณต์กํ ์ ๋๋ฉ์ด์ ์ ๊ณ ๊ธ ๋ฐ์คํฌํฑ์์๋ ์ ์๋ํ ์ ์์ง๋ง, ๊ฐ๋ฐ ๋์๊ตญ์ ์ ์ ๋ ฅ ๋ชจ๋ฐ์ผ ๊ธฐ๊ธฐ์์๋ ์ฌ๊ฐํ ์ฑ๋ฅ ์ ํ๋ฅผ ์ ๋ฐํ ์ ์์ต๋๋ค.
- ์ฌ์ฉ์ ์ธ๊ทธ๋จผํธ ์ฑ๋ฅ: ์ฌ์ฉ์๋ฅผ ์ธ๋ถํ(์: ๊ตฌ๋ ๋ฑ๊ธ, ์ฌ์ฉ์ ์ญํ ๋๋ ์ฐธ์ฌ ์์ค๋ณ)ํ๋ ๊ฒฝ์ฐ, ๊ฐ ์ธ๊ทธ๋จผํธ์ ์ฑ๋ฅ์ ๋ถ์ํ์ฌ ํน์ ์ฌ์ฉ์ ๊ทธ๋ฃน์ ์ํฅ์ ๋ฏธ์น๋ ํน์ ๋ฌธ์ ๋ฅผ ๋ฐ๊ฒฌํ ์ ์์ต๋๋ค.
์ง๊ณ ๊ธฐ๋ฒ
์ง๊ณ๋ ๋ค์ํ ๋ฐฉ๋ฒ์ผ๋ก ๋ฌ์ฑ๋ ์ ์์ต๋๋ค:
- ์๋ฒ ์ธก ์ง๊ณ: ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง ์๋น์ค๋ ์ผ๋ฐ์ ์ผ๋ก ๋ฐฑ์๋์์ ์ง๊ณ๋ฅผ ์ฒ๋ฆฌํฉ๋๋ค. ์์ ๋ฐ์ดํฐ ํฌ์ธํธ๋ฅผ ์์ ํ๊ณ ์ฒ๋ฆฌํ์ฌ ์ฟผ๋ฆฌ ๊ฐ๋ฅํ ํ์์ผ๋ก ์ ์ฅํฉ๋๋ค.
- ํด๋ผ์ด์ธํธ ์ธก ์ง๊ณ(์ฃผ์ ํ์): ์ผ๋ถ ์๋๋ฆฌ์ค์์๋ ๋คํธ์ํฌ ํธ๋ํฝ์ ์ค์ด๊ธฐ ์ํด ๋ฐ์ดํฐ๋ฅผ ๋ณด๋ด๊ธฐ ์ ์ ํด๋ผ์ด์ธํธ์์ ๊ธฐ๋ณธ ์ง๊ณ(ํ๊ท ๋๋ ๊ฐ์ ๊ณ์ฐ ๋ฑ)๋ฅผ ์ํํ ์ ์์ต๋๋ค. ๊ทธ๋ฌ๋ ์ด๋ ์ ํ๋ฆฌ์ผ์ด์ ์ฑ๋ฅ ์์ฒด์ ์ํฅ์ ๋ฏธ์น์ง ์๋๋ก ์ ์คํ๊ฒ ์ํ๋์ด์ผ ํฉ๋๋ค.
- ๋ฐ์ดํฐ ์จ์ดํ์ฐ์ง ๋ฐ ๋น์ฆ๋์ค ์ธํ ๋ฆฌ์ ์ค ๋๊ตฌ: ๊ณ ๊ธ ๋ถ์์ ์ํด ์ฑ๋ฅ ๋ฐ์ดํฐ๋ฅผ ๋ฐ์ดํฐ ์จ์ดํ์ฐ์ค๋ก ๋ด๋ณด๋ด๊ณ BI ๋๊ตฌ๋ฅผ ์ฌ์ฉํ์ฌ ๋ถ์ํ ์ ์์ผ๋ฉฐ, ์ด๋ฅผ ํตํด ๋ค๋ฅธ ๋น์ฆ๋์ค ์งํ์์ ๋ณต์กํ ์๊ด ๊ด๊ณ๋ฅผ ๋ถ์ํ ์ ์์ต๋๋ค.
์ค์ฉ์ ์ธ ์์ ๋ฐ ์ฌ์ฉ ์ฌ๋ก (๊ธ๋ก๋ฒ ๊ด์ )
_tracingMarker์ ๋ฐ์ดํฐ ์ง๊ณ๊ฐ ์ค์ ๊ธ๋ก๋ฒ ์๋๋ฆฌ์ค์์ ์ด๋ป๊ฒ ์ ์ฉ๋ ์ ์๋์ง ์ดํด๋ณด๊ฒ ์ต๋๋ค:
์์ 1: ์ ์์๊ฑฐ๋ ๊ฒฐ์ ํ๋ก์ธ์ค ์ต์ ํ
์๋๋ฆฌ์ค: ๊ธ๋ก๋ฒ ์ ์์๊ฑฐ๋ ํ๋ซํผ์ด ๊ฒฐ์ ๊ณผ์ ์์ ์ ํ์จ ํ๋ฝ์ ๊ฒฝํํฉ๋๋ค. ์ฌ๋ฌ ์ง์ญ์ ์ฌ์ฉ์๋ค์ด ๋ค์ํ ์์ค์ ์ฑ๋ฅ์ ๋ณด๊ณ ํฉ๋๋ค.
๊ตฌํ:
- ๊ฒฐ์ ์ธ๋ถ ์ ๋ณด ํ์ธ, ๋ฐฐ์ก ์ต์
๊ฐ์ ธ์ค๊ธฐ, ์ฃผ๋ฌธ ์ฒ๋ฆฌ, ๊ตฌ๋งค ํ์ธ๊ณผ ๊ฐ์ ์ฃผ์ ๋จ๊ณ ์ฃผ์์
_tracingMarker๋ฅผ ๋ฐฐ์นํฉ๋๋ค. - ์ด ๋ฐ์ดํฐ์ ํจ๊ป ์ฌ์ฉ์์ ์ง๋ฆฌ์ ์์น, ๊ธฐ๊ธฐ ์ ํ ๋ฐ ๋ธ๋ผ์ฐ์ ๋ฅผ ์์งํฉ๋๋ค.
์ง๊ณ ๋ฐ ์ธ์ฌ์ดํธ:
- '๋ฐฐ์ก ์ต์ ๊ฐ์ ธ์ค๊ธฐ' ๋ง์ปค์ ์ง์ ์๊ฐ์ ์ง๊ณํฉ๋๋ค.
- ์ธ์ฌ์ดํธ: ๋ถ์ ๊ฒฐ๊ณผ ํธ์ฃผ์ ๋ด์ง๋๋ ์ฌ์ฉ์๋ค์ด ๋ถ๋ฏธ ์ฌ์ฉ์(์ค์๊ฐ < 2์ด)์ ๋นํด ํจ์ฌ ๊ธด ์ง์ฐ(์: 95๋ฒ์งธ ๋ฐฑ๋ถ์์ > 10์ด)์ ๊ฒฝํํ๋ ๊ฒ์ผ๋ก ๋ํ๋ฌ์ต๋๋ค. ์ด๋ ํด๋น ์ง์ญ์ ๋ฐฐ์ก API ์๋ฒ ์์น๋ CDN ๋ฌธ์ ๋๋ฌธ์ผ ์ ์์ต๋๋ค.
- ์กฐ์น: APAC ์ง์ญ์ ๋ฐฐ์ก ์ต์ ์ ๋ํ CDN ์บ์ฑ์ ์กฐ์ฌํ๊ฑฐ๋ ์ง์ญ ๋ฐฐ์ก ํํธ๋/์๋ฒ๋ฅผ ๊ณ ๋ คํฉ๋๋ค.
์์ 2: SaaS ์ ํ๋ฆฌ์ผ์ด์ ์ ์ฌ์ฉ์ ์จ๋ณด๋ฉ ๊ฐํ
์๋๋ฆฌ์ค: ํ SaaS(Software-as-a-Service) ํ์ฌ๋ ์ ํฅ ์์ฅ์ ์ฌ์ฉ์๋ค์ด ํ๊ฒฝ ์ค์ ์ ํ๊ณ ๋ค๋ฅธ ์๋น์ค์ ํตํฉํ๋ ์ด๊ธฐ ์จ๋ณด๋ฉ ํ๋ฆ ์ค์ ์ดํํ๋ ๊ฒ์ ๋ฐ๊ฒฌํ์ต๋๋ค.
๊ตฌํ:
- ์จ๋ณด๋ฉ ๋ง๋ฒ์ฌ์ ๊ฐ ๋จ๊ณ(์ฌ์ฉ์ ํ๋กํ ์์ฑ, ์ด๊ธฐ ๋ฐ์ดํฐ ๊ฐ์ ธ์ค๊ธฐ, ํตํฉ ์ค์ (์: ํด๋ผ์ฐ๋ ์คํ ๋ฆฌ์ง ์๋น์ค ์ฐ๊ฒฐ), ์ต์ข ๊ตฌ์ฑ ํ์ธ)์ ์์๋๋ ์๊ฐ์ ํ์ํฉ๋๋ค.
- ๋ํ ํน์ ํตํฉ ๋ชจ๋์ ์ฑ๋ฅ๋ ํ์ํฉ๋๋ค.
์ง๊ณ ๋ฐ ์ธ์ฌ์ดํธ:
- ์ฌ์ฉ์์ ๊ตญ๊ฐ ๋ฐ ํตํฉ ์ ํ๋ณ๋ก 'ํตํฉ ์ค์ '์ ์ง์ ์๊ฐ์ ์ง๊ณํฉ๋๋ค.
- ์ธ์ฌ์ดํธ: ๋ฐ์ดํฐ์ ๋ฐ๋ฅด๋ฉด ๋จ๋ฏธ ๋ฐ ์ํ๋ฆฌ์นด ์ผ๋ถ ์ง์ญ์ ์ฌ์ฉ์๋ค์ด ํน์ ํด๋ผ์ฐ๋ ์คํ ๋ฆฌ์ง ์ ๊ณต์ ์ฒด์์ ํตํฉ์ ์ด๋ ค์์ ๊ฒช๊ณ ์์ผ๋ฉฐ, ์คํจ์จ๊ณผ ์์ ์๊ฐ์ด ๋ ๋์ต๋๋ค. ์ด๋ ํด๋น ์ ๊ณต์ ์ฒด์ ๋คํธ์ํฌ ๋ถ์์ ์ฑ์ด๋ ์ง์ญ API ์ฑ๋ฅ ๋๋ฌธ์ผ ์ ์์ต๋๋ค.
- ์กฐ์น: ํด๋น ์ง์ญ์ ๋ํ ๋์ฒด ํตํฉ ์ต์ ์ ์ ๊ณตํ๊ฑฐ๋ ํน์ ํตํฉ์ ๋ํด ๋ ๊ฐ๋ ฅํ ์ค๋ฅ ์ฒ๋ฆฌ ๋ฐ ์ฌ์๋ ๋ฉ์ปค๋์ฆ์ ์ ๊ณตํฉ๋๋ค.
์์ 3: ๊ธ๋ก๋ฒ ๋ด์ค ํ๋ซํผ์ ์ฝํ ์ธ ๋ก๋ฉ ์ต์ ํ
์๋๋ฆฌ์ค: ํ ๋ด์ค ์น์ฌ์ดํธ๋ ์ ์ธ๊ณ ๋ ์, ํนํ ๋์ญํญ์ด ์ ํ๋ ๋ชจ๋ฐ์ผ ๊ธฐ๊ธฐ์์ ๋น ๋ฅธ ๊ธฐ์ฌ ๋ก๋ฉ ์๊ฐ์ ๋ณด์ฅํ๋ ๊ฒ์ ๋ชฉํ๋ก ํฉ๋๋ค.
๊ตฌํ:
- ์ฃผ์ ๊ธฐ์ฌ ์ฝํ ์ธ , ์ง์ฐ ๋ก๋ฉ ์ด๋ฏธ์ง, ๊ด๊ณ ๋ฐ ๊ด๋ จ ๊ธฐ์ฌ์ ๋ก๋ฉ์ ํ์ํฉ๋๋ค.
- ์ถ๋ก ๊ฐ๋ฅํ ๊ฒฝ์ฐ ๊ธฐ๊ธฐ ์ ํ(๋ชจ๋ฐ์ผ/๋ฐ์คํฌํฑ) ๋ฐ ๋๋ต์ ์ธ ๋คํธ์ํฌ ์๋๋ก ๋ฐ์ดํฐ๋ฅผ ํ๊ทธํฉ๋๋ค.
์ง๊ณ ๋ฐ ์ธ์ฌ์ดํธ:
- ์ธํฐ๋ท ์๋๊ฐ ๋๋ฆฌ๋ค๊ณ ๋ณด๊ณ ๋ ์ง์ญ์ ๋ชจ๋ฐ์ผ ์ฌ์ฉ์์ ๋ํ '์ง์ฐ ๋ก๋ฉ ์ด๋ฏธ์ง' ์ง์ ์๊ฐ์ ์ง๊ณํฉ๋๋ค.
- ์ธ์ฌ์ดํธ: ๋๋จ์์์ ๋ชจ๋ฐ์ผ ์ฌ์ฉ์์ ์ด๋ฏธ์ง ๋ก๋ฉ์ ๋ํ 99๋ฒ์งธ ๋ฐฑ๋ถ์์๊ฐ ์ง๋์น๊ฒ ๋์ CDN ์ฌ์ฉ์๋ ๋ถ๊ตฌํ๊ณ ์ด๋ฏธ์ง ์ ์ก์ด ๋๋ฆฌ๋ค๋ ๊ฒ์ ๋ํ๋ ๋๋ค. ๋ถ์ ๊ฒฐ๊ณผ ์ต์ ํ๋์ง ์์ ์ด๋ฏธ์ง ํ์์ด๋ ํฐ ํ์ผ ํฌ๊ธฐ๊ฐ ์ ๊ณต๋๊ณ ์์์ด ๋๋ฌ๋ฌ์ต๋๋ค.
- ์กฐ์น: ๋ ์ ๊ทน์ ์ธ ์ด๋ฏธ์ง ์์ถ์ ๊ตฌํํ๊ณ , ์ง์๋๋ ๊ฒฝ์ฐ WebP์ ๊ฐ์ ์ต์ ์ด๋ฏธ์ง ํ์์ ์ฌ์ฉํ๋ฉฐ, ํด๋น ์ง์ญ์ ๋ํ CDN ๊ตฌ์ฑ์ ์ต์ ํํฉ๋๋ค.
๊ณผ์ ๋ฐ ๊ณ ๋ ค ์ฌํญ
_tracingMarker๋ ํฅ๋ฏธ๋ก์ด ๊ฐ๋ฅ์ฑ์ ์ ๊ณตํ์ง๋ง, ์คํ์ ํน์ฑ๊ณผ ์ฑ๋ฅ ๋ฐ์ดํฐ ์์ง๊ณผ ๊ด๋ จ๋ ๊ณผ์ ๋ฐ ๊ณ ๋ ค ์ฌํญ์ ์ธ์งํ๋ ๊ฒ์ด ์ค์ํฉ๋๋ค:
- ์คํ์ ์ํ: ์คํ์ ๊ธฐ๋ฅ์ด๋ฏ๋ก API๋ ํฅํ React ๋ฒ์ ์์ ๋ณ๊ฒฝ๋๊ฑฐ๋ ์ ๊ฑฐ๋ ์ ์์ต๋๋ค. ์ด๋ฅผ ์ฑํํ๋ ๊ฐ๋ฐ์๋ ์ ์ฌ์ ์ธ ๋ฆฌํฉํ ๋ง์ ๋๋นํด์ผ ํฉ๋๋ค.
- ์ฑ๋ฅ ์ค๋ฒํค๋: ํจ์จ์ ์ธ ๋ฉ์ปค๋์ฆ์ ์ฌ์ฉํ๋๋ผ๋ ์ฝ๋๋ฅผ ๊ณ์ธกํ๋ฉด ์ฝ๊ฐ์ ์ฑ๋ฅ ์ค๋ฒํค๋๊ฐ ๋ฐ์ํ ์ ์์ต๋๋ค. ์ด๋ ํนํ ํ๋ก๋์ ํ๊ฒฝ์์ ์ค์ํฉ๋๋ค. ๊ณ์ธก ์์ฒด๊ฐ ์ฌ์ฉ์ ๊ฒฝํ์ ๋ถ์ ์ ์ธ ์ํฅ์ ๋ฏธ์น์ง ์๋๋ก ์ฒ ์ ํ ํ ์คํธ๊ฐ ํ์ํฉ๋๋ค.
- ๋ฐ์ดํฐ ๋ณผ๋ฅจ: ๋๊ท๋ชจ ์ฌ์ฉ์ ๊ธฐ๋ฐ์์ ์ธ๋ถํ๋ ๋ฐ์ดํฐ๋ฅผ ์์งํ๋ฉด ๋ง๋ํ ์์ ๋ฐ์ดํฐ๊ฐ ์์ฑ๋์ด ์คํ ๋ฆฌ์ง ๋ฐ ์ฒ๋ฆฌ ๋น์ฉ์ด ๋ฐ์ํ ์ ์์ต๋๋ค. ํจ์จ์ ์ธ ์ง๊ณ ๋ฐ ์ํ๋ง ์ ๋ต์ด ํ์์ ์ ๋๋ค.
- ๊ฐ์ธ ์ ๋ณด ๋ณดํธ ๋ฌธ์ : ์ฌ์ฉ์๋ก๋ถํฐ ์ฑ๋ฅ ๋ฐ์ดํฐ๋ฅผ ์์งํ ๋, ํนํ ํ๋ก๋์ ํ๊ฒฝ์์๋ ๊ฐ์ธ ์ ๋ณด ๋ณดํธ ๊ท์ (์: GDPR, CCPA)์ ์๊ฒฉํ๊ฒ ์ค์ํด์ผ ํฉ๋๋ค. ๋ฐ์ดํฐ๋ ๊ฐ๋ฅํ ํ ์ต๋ช ํ๋์ด์ผ ํ๋ฉฐ, ์ฌ์ฉ์์๊ฒ ๋ฐ์ดํฐ ์์ง์ ๋ํด ์๋ ค์ผ ํฉ๋๋ค.
- ์ง๊ณ์ ๋ณต์ก์ฑ: ๊ฐ๋ ฅํ ๋ฐ์ดํฐ ์ง๊ณ ๋ฐ ๋ถ์ ํ์ดํ๋ผ์ธ์ ๊ตฌ์ถํ๋ ค๋ฉด ์๋นํ ์์ง๋์ด๋ง ๋ ธ๋ ฅ๊ณผ ์ ๋ฌธ ์ง์์ด ํ์ํฉ๋๋ค. ๊ธฐ์กด ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง ์๋ฃจ์ ์ ํ์ฉํ๋ ๊ฒ์ด ์ข ์ข ๋ ์ค์ฉ์ ์ ๋๋ค.
- ๋ฐ์ดํฐ์ ์ฌ๋ฐ๋ฅธ ํด์: ์ฑ๋ฅ ๋ฐ์ดํฐ๋ ๋๋๋ก ์คํด์ ์์ง๊ฐ ์์ ์ ์์ต๋๋ค. ๋งฅ๋ฝ์ ์ดํดํ๊ณ , ๋ค๋ฅธ ์งํ์ ์ฐ๊ด์ํค๋ฉฐ, ์ฑ๊ธํ ๊ฒฐ๋ก ์ ๋ด๋ฆฌ์ง ์๋ ๊ฒ์ด ์ค์ํฉ๋๋ค. ์๋ฅผ ๋ค์ด, ๊ธด ๋ง์ปค ์ง์ ์๊ฐ์ ๋นํจ์จ์ ์ธ ๊ฒ์ด ์๋๋ผ ํ์ํ์ง๋ง ๋๋ฆฐ ๋๊ธฐ ์์ ๋๋ฌธ์ผ ์ ์์ต๋๋ค.
- ๊ธ๋ก๋ฒ ๋คํธ์ํฌ ๊ฐ๋ณ์ฑ: ์ ์ธ๊ณ์ ์ผ๋ก ๋ฐ์ดํฐ๋ฅผ ์ง๊ณํ๋ค๋ ๊ฒ์ ๋งค์ฐ ๋ค๋ฅธ ๋คํธ์ํฌ ์กฐ๊ฑด์ ๋ค๋ฃจ๋ ๊ฒ์ ์๋ฏธํฉ๋๋ค. ๋๋ฆฐ ํด๋ผ์ด์ธํธ ์ธก ์์ ์ฒ๋ผ ๋ณด์ด๋ ๊ฒ์ด ๋คํธ์ํฌ ์ง์ฐ ์๊ฐ์ผ ์ ์์ต๋๋ค. ์ด ๋์ ๊ตฌ๋ณํ๋ ค๋ฉด ์ ์คํ ๊ณ์ธก๊ณผ ๋ถ์์ด ํ์ํฉ๋๋ค.
`_tracingMarker` ์ฑํ์ ์ํ ๋ชจ๋ฒ ์ฌ๋ก
_tracingMarker์ ์ ์ฌ๋ ฅ์ ํ์ฉํ๋ ค๋ ๊ฐ๋ฐ์๋ฅผ ์ํด ๋ค์๊ณผ ๊ฐ์ ๋ชจ๋ฒ ์ฌ๋ก๋ฅผ ๊ณ ๋ คํ์ญ์์ค:
- ๋ก์ปฌ์์ ์์ํ๊ธฐ: ๊ฐ๋ฐ ํ๊ฒฝ์์
_tracingMarker๋ฅผ ์ฌ์ฉํ์ฌ ๊ทธ ๊ธฐ๋ฅ์ ์ดํดํ๊ณ ๋ง์ปค ๋ฐฐ์น๋ฅผ ์คํํ๋ ๊ฒ๋ถํฐ ์์ํ์ญ์์ค. - ํต์ฌ ์์ญ ์ฐ์ ์์ ์ง์ : ๋ชจ๋ ๊ฒ์ ํ์ํ๋ ค๊ณ ํ๊ธฐ๋ณด๋ค๋ ์ค์ํ ์ฌ์ฉ์ ํ๋ฆ๊ณผ ์๋ ค์ง ์ฑ๋ฅ ๋ฌธ์ ์ ์ ๊ณ์ธก์ ์ง์คํ์ญ์์ค.
- ๋ฐ์ดํฐ ์ ๋ต ๊ฐ๋ฐ: ์์ง๋ ๋ฐ์ดํฐ๋ฅผ ์ ์ฅ, ์ง๊ณ ๋ฐ ๋ถ์ํ ๋ฐฉ๋ฒ์ ๊ณํํ์ญ์์ค. ์ ํฉํ ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง ์๋น์ค๋ฅผ ์ ํํ๊ฑฐ๋ ์ฌ์ฉ์ ์ ์ ์๋ฃจ์ ์ ๊ตฌ์ถํ์ญ์์ค.
- ์ค๋ฒํค๋ ๋ชจ๋ํฐ๋ง: ๊ณ์ธก์ด ์ฌ์ฉ์ ๊ฒฝํ์ ์ ํ์ํค์ง ์๋๋ก ์ ๊ธฐ์ ์ผ๋ก ์ฑ๋ฅ ์ํฅ์ ์ธก์ ํ์ญ์์ค.
- ์๋ฏธ ์๋ ์ด๋ฆ ์ฌ์ฉ: ๋ง์ปค์ ์ธก์ ํ๋ ๋ด์ฉ์ ์ ํํ๊ฒ ๋ฐ์ํ๋ ๋ช ํํ๊ณ ์ค๋ช ์ ์ธ ์ด๋ฆ์ ์ง์ ํ์ญ์์ค.
- ๋ฐ์ดํฐ์ ์ปจํ ์คํธ ์ถ๊ฐ: ํญ์ ์ฑ๋ฅ ์งํ์ ํจ๊ป ๊ด๋ จ ์ปจํ ์คํธ(์ฌ์ฉ์ ์์ด์ ํธ, ์์น, ๊ธฐ๊ธฐ ์ ํ, ๋ธ๋ผ์ฐ์ ๋ฒ์ )๋ฅผ ์์งํ์ญ์์ค.
- ๋ฐ๋ณต ๋ฐ ๊ฐ์ : ์ฑ๋ฅ ์ต์ ํ๋ ์ง์์ ์ธ ๊ณผ์ ์ ๋๋ค. ์ง๊ณ๋ ๋ฐ์ดํฐ๋ฅผ ์ง์์ ์ผ๋ก ๋ถ์ํ๊ณ ์ ํ๋ฆฌ์ผ์ด์ ์ด ๋ฐ์ ํจ์ ๋ฐ๋ผ ๊ณ์ธก์ ๊ฐ์ ํ์ญ์์ค.
- ์ต์ ์ ๋ณด ์ ์ง:
_tracingMarker์ ์ ๋ฐ์ดํธ ๋ฐ ๋ณ๊ฒฝ ์ฌํญ์ ๋ํด React์ ์คํ์ ๊ธฐ๋ฅ ๋ก๋๋งต๊ณผ ๋ฌธ์๋ฅผ ์ฃผ์ํ์ญ์์ค.
React ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง์ ๋ฏธ๋
_tracingMarker์ ๊ฐ์ ๊ธฐ๋ฅ์ ๊ฐ๋ฐ์ ๊ฐ๋ฐ์์๊ฒ ์ ๊ตํ ์ฑ๋ฅ ์ธ์ฌ์ดํธ๋ฅผ ์ ๊ณตํ๋ ค๋ React์ ์ง์์ ์ธ ๋
ธ๋ ฅ์ ๋ณด์ฌ์ค๋๋ค. ์ด๋ฌํ ๊ธฐ๋ฅ์ด ์ฑ์ํ๊ณ ํต์ฌ ๋ผ์ด๋ธ๋ฌ๋ฆฌ๋ ๊ฐ๋ฐ์ ๋๊ตฌ์ ๋ ๋ง์ด ํตํฉ๋จ์ ๋ฐ๋ผ ๋ค์์ ๊ธฐ๋ํ ์ ์์ต๋๋ค:
- ํ์คํ๋ API: ์ฑ๋ฅ ๊ณ์ธก์ ์ํ ๋ ์์ ์ ์ด๊ณ ํ์คํ๋ API๋ก, ์ฑํ์ด ๋ ์ฝ๊ณ ์ ๋ขฐํ ์ ์๊ฒ ๋ฉ๋๋ค.
- ํฅ์๋ ๊ฐ๋ฐ์ ๋๊ตฌ: React ๊ฐ๋ฐ์ ๋๊ตฌ์์ ๋ ๊น์ ํตํฉ์ผ๋ก, ์ถ์ ๋ ๋ฐ์ดํฐ์ ์ง๊ด์ ์ธ ์๊ฐํ ๋ฐ ๋ถ์์ด ๊ฐ๋ฅํด์ง๋๋ค.
- ์๋ ๊ณ์ธก: React ์์ฒด๊ฐ ํน์ ์ฑ๋ฅ ์ธก๋ฉด์ ์๋์ผ๋ก ๊ณ์ธกํ ๊ฐ๋ฅ์ฑ์ด ์์ด ๊ฐ๋ฐ์์ ์๋ ์์ ์ด ์ค์ด๋ญ๋๋ค.
- AI ๊ธฐ๋ฐ ์ธ์ฌ์ดํธ: ๋ฏธ๋์ ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง ์๋ฃจ์ ์ AI๋ฅผ ํ์ฉํ์ฌ ์ด์ ์งํ๋ฅผ ์๋์ผ๋ก ์๋ณํ๊ณ , ์ต์ ํ๋ฅผ ์ ์ํ๋ฉฐ, ์ง๊ณ๋ ๋ฐ์ดํฐ๋ฅผ ๊ธฐ๋ฐ์ผ๋ก ์ ์ฌ์ ์ธ ์ฑ๋ฅ ๋ฌธ์ ๋ฅผ ์์ธกํ ์ ์์ต๋๋ค.
๊ธ๋ก๋ฒ ๊ฐ๋ฐ ์ปค๋ฎค๋ํฐ์๊ฒ ์ด๋ฌํ ๋ฐ์ ์ ๋ชจ๋ ์ฌ์ฉ์๊ฐ ์์น๋ ๊ธฐ๊ธฐ์ ๊ด๊ณ์์ด ์ ํ๋ฆฌ์ผ์ด์ ์ด ์ต์ ์ผ๋ก ์๋ํ๋๋ก ๋ณด์ฅํ๋ ๋ ๊ฐ๋ ฅํ ๋๊ตฌ๋ฅผ ์๋ฏธํฉ๋๋ค. ์์ธํ ์ฑ๋ฅ ๋ฐ์ดํฐ๋ฅผ ํ๋ก๊ทธ๋๋ฐ ๋ฐฉ์์ผ๋ก ์์งํ๊ณ ์ง๊ณํ๋ ๋ฅ๋ ฅ์ ์ง์ ์ผ๋ก ๋ฐ์์ฑ์ด ๋ฐ์ด๋๊ณ ๊ณ ์ฑ๋ฅ์ ๊ธ๋ก๋ฒ ์ ํ๋ฆฌ์ผ์ด์ ์ ๊ตฌ์ถํ๊ธฐ ์ํ ์ค์ํ ๋จ๊ณ์ ๋๋ค.
๊ฒฐ๋ก
React์ ์คํ์ _tracingMarker๋ ์ธ๋ถํ๋ ๋ฐ์ดํฐ ์์ง๊ณผ ์ ๊ตํ ์ง๊ณ์ ์ ์ฌ๋ ฅ์ ์ ๊ณตํ๋ฉฐ, ์ฑ๋ฅ ๋ชจ๋ํฐ๋ง์ ์ ๋งํ ์๋ก์ด ์งํ์ ๋ํ๋
๋๋ค. ์ ๋ต์ ์ผ๋ก ๋ง์ปค๋ฅผ ๋ฐฐ์นํ๊ณ ๊ฐ๋ ฅํ ๋ฐ์ดํฐ ์์ง ๋ฐ ๋ถ์ ์ ๋ต์ ๊ตฌํํจ์ผ๋ก์จ ๊ฐ๋ฐ์๋ ๋ค์ํ ๊ธ๋ก๋ฒ ์ฌ์ฉ์ ๊ธฐ๋ฐ ์ ๋ฐ์ ๊ฑธ์น ์ ํ๋ฆฌ์ผ์ด์
์ฑ๋ฅ์ ๋ํ ๊ท์คํ ํต์ฐฐ๋ ฅ์ ์ป์ ์ ์์ต๋๋ค. ์์ง ์คํ ๋จ๊ณ์ด์ง๋ง, ๊ทธ ์์น๊ณผ ์ ์ฌ์ ์์ฉ ํ๋ก๊ทธ๋จ์ ์ดํดํ๋ ๊ฒ์ ์ค๋๋ ์ ์ํธ ์ฐ๊ฒฐ๋ ๋์งํธ ์ธ๊ณ์์ ๋ฐ์ด๋ ์ฌ์ฉ์ ๊ฒฝํ์ ์ ๊ณตํ๋ ค๋ ๋ชจ๋ ๊ฐ๋ฐ์์๊ฒ ์ค์ํฉ๋๋ค. ์ด ๊ธฐ๋ฅ์ด ๋ฐ์ ํจ์ ๋ฐ๋ผ, ์ด๋ ์์ฌํ ์ฌ์ง ์์ด ์ ์ธ๊ณ์ ์ฑ๋ฅ์ ์ค์ํ๋ React ๊ฐ๋ฐ์๋ค์ ๋ฌด๊ธฐ๊ณ ์์ ์์ด์๋ ์ ๋ ๋๊ตฌ๊ฐ ๋ ๊ฒ์
๋๋ค.
๋ฉด์ฑ
์กฐํญ: _tracingMarker๋ ์คํ์ ๊ธฐ๋ฅ์
๋๋ค. API ๋ฐ ๋์์ ํฅํ React ๋ฆด๋ฆฌ์ค์์ ๋ณ๊ฒฝ๋ ์ ์์ต๋๋ค. ํญ์ ์ต์ ์ ๋ณด๋ ๊ณต์ React ๋ฌธ์๋ฅผ ์ฐธ์กฐํ์ญ์์ค.